
/*==========================================
			       MEDIA CSS
==========================================*/


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.container {
		width: 1002px;
	}
	
	.header .header-left {
		width: 600px;
	}
	
	#plg_embed_show_code textarea {
		width: 57%;
	}
	
	.bannerWrap .banner-image {
		width: 640px;
	}

	.bannerWrap .banner-text {
		width: 360px;
	}
	
	.add {
		padding: 0 20px 0;
	}

	.contentCol  {
		padding: 0px 20px;
		width: 710px;
	}

	.contentCol .featured-module .item  {
		width: 204px;
		min-height: 370px;
		margin: auto !important;
		height: 370px;
	}

	.rightCol {
		width: 290px;
		padding: 0px 20px; 
	}



}

/* Medium devices (desktops, 992px and 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {

	.header .header-left {
		width: 580px;
	}

#video_plugins {
	width: 150% !important;
	background: #fff;

}

.header .header-right .moduletable-social {
	width: 350px !important;
}

}

/* Small devices (tablets, 768px and 991px) */
@media (min-width: 768px) and (max-width: 991px) {

#video_plugins {
	width: 171.5% !important;
}

.header .header-right .moduletable-social {
	width: 350px !important;
}

	.header .header-left {
		width: 375px;
	}

/*--- bannerWrap start ---*/

	.bannerWrap .banner-text .moduletable {
		padding: 6px 15px;
	}

	.bannerWrap .banner-text .moduletable h3 {
		margin-bottom: 5px;
	}
	
	.bannerWrap .banner-text .moduletable #SearchForm {
		margin-top: 0px;
	}

/*--- bannerWrap end ---*/

	.contentCol .featured-module .item  {
    	border-right: 0;
    	border-bottom: 1px solid #CCCCCC;
    	margin-bottom: 15px;
	}

}

/* Extra small devices (phones, up to 767px) */
@media (max-width: 767px) {

/*--- header start ---*/

	.header .header-left {
		width: 240px;
	}

	.header .header-right {
		width: 280px;
	}
	
/*--- header end ---*/

/*--- bannerWrap start ---*/
	
	.bannerWrap .article_content_image_right #SearchForm,
	.bannerWrap .banner-text .moduletable #SearchForm {
		margin-top: 15px;
	}

/*--- bannerWrap end ---*/

#video_plugins {
	width: 100% !important;
}

.header .header-right .moduletable-social {
	width: 300px !important;
}

.contentCol .featured-module .item  {
	border-right: 0;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 15px;
}

.rightCol .moduletable ul {
	max-height: 172px;
	overflow: auto 
}

.header .header-right .moduletable-social {
	/*overflow: hidden;
	height: 30px;*/
	left: -30px;
    position: absolute !important;
    top: 84px;
    z-index: 9999 !important;
	
}

	#plg_embed_show_code textarea {
		width: 100% !important;
	}

}

/* Extra small devices (phones, up to 767px) */
@media (max-width: 560px) {

/*--- header start ---*/

	.header .header-left {
		width: 100%;
	}
	
	.header .header-left .logoWrap {
		display: inline-block;
		text-align: center;
		width: 100%;
	}
	.header .header-left .logoWrap img {
		display: inherit;
	}

	.header .header-right {
		width: 100%;
		text-align: center;
	}

	.header .header-right .moduletable-clicktoshop {
		text-align: center;
		padding: 5px 0 20px; 
	}

	.header .header-right .moduletable-clicktoshop img {
		height: auto !important;
	}
	
/*--- header end ---*/

.header .header-right .moduletable-social {
	/*overflow: hidden;
	height: 30px;*/
	left: 10px;
    position: absolute !important;
    top: 84px;
    z-index: 9999 !important;
	
}
.header .header-right .moduletable-search {
	/*position: absolute;*/
}
.header .header-left,
.header .header-right {
	padding-top: 0px;
}
.navbar {
	margin-top: 8px;
}

#video_plugins {
	width: 100% !important;
}

.header .header-right .moduletable-social {
	width: 300px !important;
	padding: 10px 0px;
}

.header .header-right {
	padding-bottom: 20px;
}

	#plg_embed_show_code textarea {
		width: 100% !important;
	}

}

/* Extra small devices (phones, up to 480px) */
@media (max-width: 480px) {

/*--- header start ---*/

	.header .header-left {
		width: 100%;
	}
	
	.header .header-left .logo {
		display: inline-block;
		text-align: center;
		width: 100%;
	}
	.header .header-left .logo img {
		display: inherit;
	}

	.header .header-right {
		width: 100%;
		text-align: center;
	}

	.header .header-right .moduletable-clicktoshop {
		text-align: center;
		padding: 5px 0 20px; 
	}

	.header .header-right .moduletable-clicktoshop img {
		height: auto !important;
	}
	
/*--- header end ---*/

#video_plugins {
	width: 100% !important;
}

.header .header-right .moduletable-social {
	width: 98% !important;
}

	.category tr th,
	.category tr td {
		width: 100%;
		display: block;
		margin-bottom: 5px;
		padding-right: 0px;
	}
	
	#plg_embed_show_code textarea {
		width: 100%;
	}	

}

